import {Dimensions, StyleSheet} from 'react-native';

var mystyles = StyleSheet.create({
  rowcontainer: {
    width: '96%',
    flexDirection: 'row', // 设置为水平方向
    alignItems: 'center', // 垂直居中对齐
    justifyContent: 'space-between', // 子控件之间平均分配空间
    paddingHorizontal: 1, // 设置水平内边距，可根据需要调整
    height: 60, // 设置容器的高度，可根据需要调整
    alignContent: 'center',
  },
  item: {
    justifyContent: 'center',
    alignItems: 'center',
    width: Dimensions.get('window').width / 4,
    paddingVertical: 5,
  },
  text: {
    fontSize: 18,
    textAlign: 'left',
    fontWeight: 600,
    textAlignVertical: 'center',
  },
  Title: {
    color: '#000022',
    textShadowOffset: {width: 1, height: 1},
    textShadowRadius: 1,
    textShadowColor: '#99BBff',
    borderColor: '#0000ff',
    borderWidth: 0,
    textDecorationStyle: 'dashed',
    fontSize: 32,
    fontWeight: '600',
    textAlign: 'center',
    textAlignVertical: 'center',
    flex: 1,
  },

  SubTitle: {
    color: '#000088',
    textShadowOffset: {width: 1, height: 1},
    textShadowRadius: 1,
    textShadowColor: '#99BBff',
    borderColor: '#0000ff',
    borderWidth: 0,
    textDecorationStyle: 'dashed',
    fontSize: 24,
    fontWeight: '600',
    textAlign: 'left',
    textAlignVertical: 'center',
  },

  separator: {
    width: '95%',
    alignSelf: 'center',
    height: 1,
    backgroundColor: 'rgba(10, 100, 100, 0.2)', // 设置分隔线的颜色，这里使用了半透明的灰色
  },

  navtab: {width: '95%', alignSelf: 'center'}
});

export default mystyles;
